<div class="container-fluid negative-space">
    <div class="dashboard-container">
        <div class="row mb-2">
            <div class="col-12">
                <div class="card">
                    <div class="card-header">{{ _('Welcome') }}</div>
                    <div class="card-body p-2">
                        <img src="{{ url_for('dashboard.static', filename='img/welcome_logo.svg') }}"
                             alt="{{ config.APP_NAME }} {{ _('logo') }}"
                             width="400" height="100">
                        <h4>{{ _('Feature rich') }} | {{ _('Maximises PostgreSQL') }} | {{ _('Open Source') }} </h4>
                        <p>
                            {{ _('pgAdmin is an Open Source administration and management tool for the PostgreSQL database. It includes a graphical administration interface, an SQL query tool, a procedural code debugger and much more. The tool is designed to answer the needs of developers, DBAs and system administrators alike.') }}
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row mb-2">
            <div class="col-12">
                <div class="card ">
                    <div class="card-header">{{ _('Quick Links') }}</div>
                    <div class="card-body p-2">
                        <div class="row">
                            <div class="col-6 dashboard-link">
                                <a href="#" onclick="pgAdmin.Dashboard.add_new_server()">
                                    <span class="fa fa-4x dashboard-icon fa-server" aria-hidden="true"></span><br/>
                                    {{ _('Add New Server') }}
                                </a>
                            </div>
                            <div class="col-6 dashboard-link">
                                <a href="#" onclick="pgAdmin.Preferences.show()">
                                    <span id="mnu_preferences" class="fa fa-4x dashboard-icon fa-cogs"
                                          aria-hidden="true"></span><br/>
                                    {{ _('Configure pgAdmin') }}
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row mb-2">
            <div class="col-12">
                <div class="card ">
                    <div class="card-header">{{ _('Getting Started') }}</div>
                    <div class="card-body p-2">
                        <div class="row">
                        <div class="col-3 dashboard-link">
                            <a href="http://www.postgresql.org/docs" target="postgres_help">
                                <span class="fa fa-4x dashboard-icon dashboard-pg-doc" aria-hidden="true"></span><br/>
                                {{ _('PostgreSQL Documentation') }}
                            </a>
                        </div>
                        <div class="col-3 dashboard-link">
                            <a href="https://www.pgadmin.org" target="pgadmin_website">
                                <span class="fa fa-4x dashboard-icon fa-globe" aria-hidden="true"></span><br/>
                                {{ _('pgAdmin Website') }}
                            </a>
                        </div>
                        <div class="col-3 dashboard-link">
                            <a href="http://planet.postgresql.org" target="planet_website">
                                <span class="fa fa-4x dashboard-icon fa-book" aria-hidden="true"></span><br/>
                                {{ _('Planet PostgreSQL') }}
                            </a>
                        </div>
                        <div class="col-3 dashboard-link">
                            <a href="http://www.postgresql.org/community" target="postgres_website">
                                <span class="fa fa-4x dashboard-icon fa-users" aria-hidden="true"></span><br/>
                                {{ _('Community Support') }}
                            </a>
                        </div>
                    </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
